.header {
  padding: 0px;
  margin: 0px;
  height: 100px;
  min-width: 900px;
  width: 100%;
  background-color: aquamarine; }
  .header h1 {
    padding: 10px; }

@media (min-width: 800px) {
  .nav > a {
    display: none; }
  .nav ul li {
    display: inline-block; } }

@media (max-width: 799px) {
  .nav > a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 10px; }
  .nav ul {
    float: left;
    display: none;
    position: absolute; }
    .nav ul.open {
      display: block;
      position: absolute;
      z-index: 10; }
  .contain {
    position: absolute;
    z-index: -1; } }

.nav {
  padding: 0px;
  margin: 0px;
  height: 65px;
  width: 100%;
  min-width: 900px;
  background-color: black;
  z-index: 10; }
  .nav ul {
    padding: 10px;
    margin: 0px; }
    .nav ul li {
      padding: 10px;
      margin: 0px 10px;
      list-style: none;
      border: solid black;
      border-radius: 10px;
      background-color: white; }
      .nav ul li:hover {
        background-color: blueviolet;
        box-shadow: 5px 5px 5px #888; }
      .nav ul li a {
        padding: 10px;
        margin: 0px;
        text-decoration: none; }

.contain {
  padding: 0px 0px 0px 300px;
  margin: 0px;
  min-width: 600px; }
  .contain::after {
    content: "";
    display: block;
    clear: both; }

.box {
  height: 600px;
  min-height: 500px;
  float: left; }

.left {
  padding: 0px;
  margin: 0px;
  margin-left: -100%;
  width: 300px;
  position: relative;
  left: -300px;
  background-color: darksalmon; }
  .left h5 {
    padding: 0px;
    margin: 0px;
    color: red; }
  .left .login {
    margin: 0px;
    padding: 30px; }

.content {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background-color: beige;
  overflow: auto; }

.message {
  margin: 0px 5px;
  padding: 0px; }
  .message a {
    padding: 5px;
    background-color: cornflowerblue;
    text-decoration: none;
    color: black; }

.article {
  margin: 0px 5px;
  padding: 0px; }
  .article a {
    padding: 5px;
    background-color: cornflowerblue;
    text-decoration: none;
    color: black; }

.parent {
  position: relative; }

.articleEdit {
  padding: 0px;
  margin: 0px;
  width: 500px;
  background-color: darksalmon;
  border: 1px solid black;
  text-align: center; }
  .articleEdit p {
    padding: 0px 15px; }
    .articleEdit p textarea {
      resize: none;
      width: 80%;
      height: 100px;
      overflow: hidden; }
    .articleEdit p input {
      width: 80%; }
    .articleEdit p a {
      padding: 5px;
      margin: 10px;
      background-color: cornflowerblue;
      text-decoration: none;
      color: black; }
